<template>
  <div>
    <h2>{{ $route.params.p }}</h2>
    <h2>{{ $route.path }}</h2>
    <h2>{{ $route.query.q }}</h2>
    <h2>{{ ($route.params) }}</h2>
    <h2>{{ ($route.query) }}</h2>
  </div>
</template>

<script>
  export default {
    name: "Query",
    created() {
      console.log("Query created")
    },
    deactivated() {
      console.log("Query deactivated")
    },
  }
</script>

<style scoped>

</style>